<!doctype html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../../skin/js/public.js"></script>
		<script type="text/javascript" src="../../js/gover/selfHelpBusinessChoose.js"></script>
	</head>

	<body id="vue_info">
		<div class="yl-head">
			<div class="logo"></div>
		</div>

		<!--流程串-->
		<div class="myProcess">
			<div class="ystep1"></div>
		</div>

		<div class="yl-container">
			<div class="yl-container-l" id="left">
			</div>
			<div class="yl-container-r">
				<div class="yl-title1">政务服务</div>
				<div id="tab_demo" class="yl-tab">
					<div class="yl-tabBar yl-tabBar2 cl">
						<div class="item current" id="dept" @click="changeTab()">
							<div>部门服务</div>
							<div class="item-subtitle ">按部门申办服务事项</div>
						</div>
						<div class="item " id="gr" @click="changeTab()">
							<div>市民中心</div>
							<div class="item-subtitle ">市民常用服务事项</div>
						</div>
						<div class="item " id="fr" @click="changeTab()">
							<div>企业服务</div>
							<div class="item-subtitle ">企业常用服务事项</div>
						</div>
					</div>
					<div class="yl-tabCon choose-block-box ">
						<a class="bumen-block m_scole tw-h" @click="link(dept[0],'dept')" v-for="dept in deptList">
							<span>{{dept[1]}}</span>
						</a>
					</div>
					<div class="yl-tabCon choose-block-box dis_no">
						<a class="m_scole" v-for="gr in grList"@click="link(gr[1],'gr')">
							<div class="choose-block-img" ><img v-bind:src="gr[2]" width="54" height="54" border="0" alt="" /></div>
							<div class="choose-block-txt">{{gr[1]}}</div>
						</a>
					</div>
					<div class="yl-tabCon choose-block-box dis_no">
						<a class="m_scole" v-for="qy in qyList"  @click="link(qy[0],'fr')">
							<div class="choose-block-img"><img v-bind:src="qy[2]" width="54" height="54" border="0" alt="" /></div>
							<div class="choose-block-txt">{{qy[1]}}</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>